###1. 表格和表单的格式化

• border 控制表格之间的空格、消除边框、圆角
• 给行和列定义样式（背景颜色、图片）
• 给表单定义样式 html的表单元素、css 布置表单

###2. CSS 页面布局

####2.1 布局简介

• 固定宽度 常见宽度 960px
• 流式 根据浏览器的宽度自动进行调整
• 响应式 Web 设计，根据不同的浏览器宽度，来改变它的展现效果
• div 标签：网页的 HTML 代码数量应该尽可能减到最少、宁缺毋滥。
• 布局策略：从内容入手、移动设备优先、先设计草图、找出方框、顺应页面流、记住背景图片、给元素设计层次

####2.2 构建响应式布局

• 媒体查询：调整列、弹性宽度、缩紧空白空间、调整字号、修改导航菜单、在移动设备上隐藏内容、使用背景图片
• 创建断点
• 优先策略：桌面或手机
• 弹性网格
• 盒模型 box-sizing
• 流式图片

####2.3 定位网页上的元素

• 定位属性的功能 绝对定位、相对定位、固定定位、静态定位（position:static absolute relative fixed）
• 设置定位值
• 定位策略：在元素内部定位、让元素超出边框

###3. 设计习惯

• 添加注释
• 样式命名清晰（用途、不使用位置命名）
• 使用多个类可以节省时间
• 将样式分组
• 使用多个样式表
• 使用派生选择器